<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <div th:fragment="loginIndex" >
        <template id="loginIndex">
            <div style="text-align: -webkit-center;">
                <el-card class="box-card" style="width: 400px;">
                    <el-form ref="form" :model="formItem" label-width="80px" method="post" action="/user/validateUserInfo">
                        <el-form-item label="户名" size="mini" icon>
                            <el-input size="mini" v-model="formItem.userName" prefix-icon="el-icon-user-solid"></el-input>
                        </el-form-item>
                        <el-form-item label="密码" szie="mini">
                            <el-input size="mini" v-model="formItem.passWord" prefix-icon="el-icon-goods"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-checkbox v-model="formItem.checked" >记住密码</el-checkbox>
                            <el-button type="submit" size="mini" @click="submitHandle" style="margin-left: 20px">登录</el-button>
                        </el-form-item>
                    </el-form>
                </el-card>
            </div>
        </template>
        <script th:src="@{/this/js/system/login/LoginIndex.js}"></script>
<!--        <link rel="stylesheet" th:href="@{/this/css/login.css}"/>-->
    </div>
</html>